<style>
.welcome {}
.welcome .title 	{font-size:20px; font-family:微软雅黑,黑体,宋体;}
.welcome .content 	{font-size:14px; font-family:宋体; padding:20px;}
.welcome .install	{ padding:20px 0 0 0; font-size:14px;}
.welcome .install .btn	{font-size:14px; display:inline-block; padding:5px 20px; margin:0 20px 0 0; background-color:#395; color:#FFF; border-width:2px; border-style:solid; border-color:#FFF #666 #666 #FFF;}
.welcome .install .link	{font-size:14px; padding:5px 10px; margin:0; color:#0066AA; border-width:1px; border-style:dotted; border-color:#CCC; background-color:#F5F5F5; text-decoration:underline; font-weight:bold;}
.welcome .install a 	{font-size:12px;  color:#0066AA; margin:0 10px; text-decoration:underline;}
.welcome .install span 	{font-size:12px;  color:#0066AA; margin:0 10px;}
.welcome .install .msg	{display:inline-block; font-size:14px; border:1px dotted #0066AA; color:#0066AA; background-color:#DEF; padding:5px 20px; text-decoration:none;}
.welcome .install .red	{display:inline-block; font-size:14px; border:1px dotted #990000; color:#FF0000; background-color:#FEE; padding:5px 20px; text-decoration:none;}
.welcome .install .green{display:inline-block; font-size:14px; border:1px dotted #006600; color:#009900; background-color:#EFE; padding:5px 20px; text-decoration:none;}
.welcome .img 		{text-align:center;}
.welcome .img img 	{border:1px solid #CCC; margin-bottom:10px;}
</style>

<div id="tips_ext_div" class="popup" style="position:absolute; width:800px;">
	<div class="header">
		<i class="icon_w icon_circle"></i>
		Welcome
	</div>
	<div class="content clearfix" style="padding:20px 40px 50px 40px;">
		<div id="tips_ext_ie" class="welcome" style="display:none;">
			<div class="title">欢迎<{$user_nickname}>加入<{if $circle_title}>《<{$circle_title}>》专题阅读圈<{/if}>！	</div>
			<div class="content">
				安装【网文摘手】(收藏夹书签)，就能够将文章分享到圈子、推荐给好友。
				<div class="install">
					拖动此链接
					<a class="link" href="javascript:void(function(d,b){(typeof(UM_OB)=='object'&&typeof(UM_OB.opn)=='function')?UM_OB.opn():(b=d.createElement('script'),b.setAttribute('charset','utf-8'),b.src='http://www.uread.me/js/ie.js?'+Math.floor(+new Date/1E7),d.body.appendChild(b))}(document));" onclick="alert('右键点击此链接，选择“添加到收藏夹”或直接拖动此链接到收藏夹栏。'); return false;">保存到uRead.Me</a>
					到收藏夹栏即可完成安装。
					<a onclick="$('#img_ie9_2').slideDown(2000, function(){ $('#img_ie9_3').slideDown(2000) } );">看不到收藏夹栏？点击这里</a>
					<span style="margin:0;">|</span>
					<a onclick="UM_LAYER.close();">以后再说</a>
				</div>
			</div>
			<div id="img_ie9_2" class="img" style="display:none;">
				<img src="/images/ext_ie9_2.gif" width="640">
			</div>
			<div id="img_ie9_3" class="img" style="display:none;">
				<img src="/images/ext_ie9_3.gif" width="640">
			</div>
			<div class="img">
				<img src="/images/ext_ie9_1.gif" width="640">
			</div>
		</div>
		
		<div id="tips_ext_ff" class="welcome" style="display:none;">
			<div class="title">欢迎<{$user_nickname}>加入<{if $circle_title}>《<{$circle_title}>》专题阅读圈<{/if}>！	</div>
			<div class="content">
				安装【网文摘手】(火狐浏览器扩展)，就能够将文章分享到圈子、推荐给好友。
				<div class="install">
					<a class="btn" href="/extension/firefox/">点击此处安装【网文摘手】</a>
					<a onclick="$('#img_ff_2').slideDown(2000, function(){ $('#img_ff_3').slideDown(2000) } );">安装后看不到按钮？点击这里</a>
					<span>|</span>
					<a onclick="UM_LAYER.close();">以后再说</a>
				</div>
			</div>
			<div id="img_ff_2" class="img" style="display:none;">
				<img src="/images/ext_ff_2.gif" width="640">
			</div>
			<div id="img_ff_3" class="img" style="display:none;">
				<img src="/images/ext_ff_3.gif" width="640">
			</div>
			<div class="img">
				<img src="/images/ext_ff_1.gif" width="640">
			</div>
		</div>
		<div id="tips_ext_cr" class="welcome" style="display:none;">
			<div class="title">欢迎<{$user_nickname}>加入<{if $circle_title}>《<{$circle_title}>》专题阅读圈<{/if}>！	</div>
			<div class="content">
				安装【网文摘手】(谷歌浏览器扩展)，就能够将文章分享到圈子、推荐给好友。
				<div id="chrome_install_msg" class="install">
					<a class="btn" onclick="chrome_inline_install();">点击此处安装【网文摘手】</a>
					<a onclick="UM_LAYER.close();">以后再说</a>
				</div>
			</div>
			<div class="img">
				<img src="/images/ext_cr_1.gif" >
			</div>
		</div>
	</div>
	<div class="corner_all" style="background-color:#888; color:#FFF; padding:10px; position:absolute; width:14px; top:0; right:-36px; font-size:14px; line-height:130%;">
		点击任意空白部分即可关闭浮动窗口
	</div>
</div>
<script language="javascript" type="text/javascript">
new function () {
	var d = $('#tips_ext_div');
	d.offset({ top: 50, left: ($(document).width() - d.width())/2 });
	
	if ($.browser.msie) {
		$('#tips_ext_ie').show();
	} else if ($.browser.mozilla) {
		$('#tips_ext_ff').show();
	} else if ($.browser.chrome) {
		$('#tips_ext_cr').show();
	} else if ($.browser.opera) {
		$('#tips_ext_cr').show();
	} else if ($.browser.safari) {
		$('#tips_ext_cr').show();
	} else if ($.browser.webkit) {
		$('#tips_ext_cr').show();
	} else {
		$('#tips_ext_ie').show();
	}
};
</script>

<script type="text/javascript">
function chrome_inline_install () {
	var ob = $('#chrome_install_msg');
	ob.html('<span class="msg">正在连接谷歌商店，可能会有点慢...</span>');
	chrome.webstore.install(
		'', 
		function () { 
			ob.html('<span class="green">安装成功</span>');
		}, 
		function () { 
			ob.html('<span class="red">无法连接到谷歌商店进行安装，<a href="/extension/chrome/ureadme.crx">请点击这里尝试下载后安装</a></span>');
		}  
	);
}
</script>
